.containner{
	overflow: hidden;
	background: #f0f2f5;
}
.state{
	position: fixed;
	background: blue;
}
.top{
	height: 50px;
	background: #ffffff;
	margin-bottom: 25px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.top_wrap{
	width: 1168px;
	height: 50px;
	margin: 0 auto;
	
}
.top_left{
	width: 650px;
	height: 50px;
	float: left;
}
.logo{
	padding-left: 10px;
	margin-top: 5px;
	width: 68px;
	height: 40px;
	float: left;
}
.logo img{
	width: 60px;
	height: 40px;
	border-radius: 30px;
}
.nav{
	width: 500px;
	height: 50px;
	float: right;
	line-height: 50px;
}
.nav li a{
	color: black;
	cursor: pointer;
	padding: 15px 15px 17px 15px;
}
.nav li a:hover{
	background: #eaeaf1;
}
.nav_con{
	float: left;
}
.nav_click{
	background: #eaeaf1;
}
.top_right{
	width: 500px;
	height: 50px;
	float: left;
	position: relative;
}
.sea_wrap{
	float: left;
	width: 1px;
	height:1px;
	margin-top: 3px;
	margin-left: 190px;
}
.seach{
	width: 164px;
	height:44px;
	line-height: 42px;
	float: right;
	cursor: text;
}
.seach i{
	float: left;
	padding: 0;
}
.seach input{
	width: 140px;
	height: 40px;
	outline: none;
	float: left;
	font-size: 14px;
	border: none;
	padding-left: 5px;
}
.jia{
	float: right;
	position: relative;
}
.jia_i1{
	float: right;
	padding: 15px;
	font-size: 18px;
	cursor: pointer;
	line-height: 20px;
}
.jiaClick{
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
	position: absolute;
	top: 50px;
	right: 0;
	background: white;
	display: none;
}
.jiaClick li{
	text-align: center;
	width: 100px;
	padding: 8px;
	font-size: 15px;
	border-bottom: 1px solid lightgray;
}
.jiaClick li i{
	font-size: 16px;
}
.login{
	width: 70px;
	height: 30px;
	float: right;
	background: #00827c;
	color: white;
	border-radius: 6px;
	margin-right: 20px;
	margin-top: 9px;
	border:  1px solid transparent;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.login:hover{
	opacity: 0.8;
}
.login a{
	display: inline-block;
	width:67px;
	height:32px;
}
.login a {
	color: white;
}
#land{
	height: 50px;
	float: right;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
#land i{
	float: left;
	padding-right: 10px;
}
#land span{
	display: inline-block;
	float: left;
	padding:0 5px 0 5px ;
}
#land img{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
	margin-top: 3px;
	margin-left: 12px;
}
#out{
	position: absolute;
	top: 32px;
	right: 90px;
	width:70px;
	height:30px;
	display: none;
}
.user_msg_a{
	padding: 15px;
	line-height: 19px;
	color: inherit;
	text-decoration: none;
	float: right;
}
.user_msg_index{
	background-color: #EBE8E8;
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
}
.userClick{
	position: absolute;
	width: 158px;
	height: 122px;
	bottom: -124px;
	background: white;
	right: -1px;
	color: inherit;
	border: 1px solid #d8d8d8;
	line-height: 2.5;
	font-size: 16px;
	display: none;
}
.userClick a{
	color: black;
}
.userClick a li:hover{
	background: #eeeeee;
}
.userClick a li{
	text-align: center;
	border-bottom: 1px solid lightgray;
}
.userClick a li i{
	float: left;
	padding-left: 24px;
}

/*绿色提示*/
.green_msg{
	width: 1118px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 25px;
	margin-bottom: 40px;
	font-size: 14px;
	background-color: #E5F9E7;
	color: #1EBC30;
	border: 1px solid #92ff85;
}
.red_msg{
	width: 1118px;
	margin: 0 auto;
	overflow: hidden;
	background: #ffb1ca;
	color: #ff0a05;
	border: 1px solid #ffa7a9;
	padding: 20px 25px;
	margin-bottom: 40px;
	font-size: 14px;
}
/*中部*/
.content{
	width: 1168px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 330px;
}
.con_top{
	width: 1168px;
	height: 845px;
	margin: 0 auto;

}
.top_div{
	width: 263px;
	height: 261px;
	background: #ffffff;
	box-shadow: 0 1px 5px #c3c3c3;
	float: left;
	margin:12px;
}
.tc_a img{
	width: 263px;
	height: 136px;
}
.tc_foot{
	text-align: center;
	width: 233px;
	height: 105px;
	padding: 9px;
}
.tc_foot a{
	display: inline-block;
	height: 30px;
	margin: 12px 10px 10px 10px;
	font-size: 20px;
	text-align: center;
	color: #676464;
}
.tc_foot a:hover{
	text-decoration: underline;
}
.tc_foot p{
	color: #909090;
}
.footer{
	height: 175px;
	background: #ffffff;
	margin-top: 40px;
	clear: both;
}
.foot_wrap{
	width: 1145px;
	height: 205px;
	margin: 0 auto;
	color: #8A8A8A;
	font-family:  NotoSansHans-Regular,AvenirNext-Regular,arial,Hiragino Sans GB,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
}
.fot_left{
	width: 456px;
	height: 160px;
	float: left;
	padding-top: 32px;
}
.fot_right{
	width: 474px;
	height: 190px;
	float: right;

}
.fot_left p{
	margin-bottom: 40px;
	
}
.fot_left span{
	margin-bottom: 5px;
	display: block;
}
.tj{
	float: left;
	font-size: 18px;
	padding-top: 35px;
}
.qt{
	float: right;
	font-size: 18px;
	padding-right: 60px;
	padding-top: 35px;
}
.tj li{
	font-size: 14px;
	padding-top: 5px;
	
}
.qt li{
	font-size: 14px;
	padding-top: 5px;
}
.goTop{
	position: fixed;
	bottom: 45px;
	right: 45px;
	width: 30px;
	height: 30px;
	display: none;
	cursor: pointer;
}
.goTop img{
	display: inline-block;
	width: 30px;
	height:30px;
}

/*精华帖*/

.topic{
	font-size: 16px;
	width: 1168px;
	margin: 0 auto;
	background: white;
}
.topic #title{
	margin-top: 20px;
	width: 1166px;
	height: 30px;
	border: 1px	solid #DDE2E8;
}
.topic #title p{
	margin: 0 auto;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.topic #topic_center{
	width: 1166px;
	height: 650px;
	border: 1px solid #DDE2E8;
	border-top: none;
}
.topic #topic_center ul{
	width: 1168px;
}
.topic #topic_center ul li{
	width: 583px;
	height: 60px;
	list-style: none;
	border-bottom: 1px solid #DDE2E8;
	float: left;
}
.topic #topic_center ul li:hover{
	background-color: #F5FDFD
}
.topic #topic_center ul li .avatar{

	width: 60px;
	height: 60px;
	float: left;
	margin: 5px;
	margin-left: 15px;
}
.topic #topic_center ul li .avatar a{
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #DDE2E8;
	border-radius: 50px;
}
.topic #topic_center ul li .avatar a img{
	margin: 3px;
	width: 44px;
	height: 44px;
	border-radius: 46px;
}
.topic #topic_center ul li .info{
	margin-top: 15px;
	width: 460px;
	height: 30px;
	float: left;

}

.topic #topic_center ul li .info div{
	width: 360px;
	height: 30px;
	float: left;
	overflow: hidden;
}
.topic #topic_center ul li .info div span{
	display: block;
	width: 50px;
	height: 30px;
	float: left;
	color: #999999;
	line-height: 30px;
	text-align: center;
	background-color: #E5E5E5;
	margin-right: 5px;
}
.topic #topic_center ul li .info div a{

	display: block;
	width: 300px;
	height: 30px;
	float: left;
	line-height: 30px;
	text-align: left;
}
.topic #topic_center ul li .info a{
	float: right;
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: right;
}
#look{
	width: 1168px;
	height: 40px;
	float: left;

}
.gray{
	background: #e7e7e7;
}
#look a{
	display:block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	float: right;
	color: #999;
	font-size: 13px;

}
#look i{
	display: block;
	width: 40px;
	height: 40px;
	text-align:left;
	line-height: 40px;
	float: right;
}



